<!doctype html>
<html lang="en">
<head>
    <title>广州治水宣传语大征集</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../node_modules/sweetalert/dist/sweetalert.css">
    <link rel="stylesheet" href="/src/css/app.less">
    <link rel="stylesheet" href="/src/css/slogan.less">
</head>
<body>

<div class="main">
    <div class="btn-join">
        <img class="toPage" data-page="box-sign" src="/src/img/slogan/btn-join.png" alt="">
    </div>
    <div class="explain">
        <a class="say">活动说明 <i></i></a> <a href="http://www.yixiaoqun.com/#/group/43">所有口号 <i></i></a>
    </div>
    <div class="foot">
        © 2017 广州市水务局 <img src="/src/img/slogan/nandu-txt-logo.png" alt="">
    </div>
</div>

<div class="box box-explain disNone">
    <div class="content">
        <div class="tit">活动说明</div>
        <div class="cont">
            此次治水口号征集为有奖征集活动，设一等奖一名，奖金5000元；二等奖二名，各1000元；三等奖四名，各500元；入围奖十名，各200元。<br><br>
            【要求】标语反映内容：<br>
            1.人人都是污染源，治水需要引起大家的重视<br>
            2.治水需要长时间的投入和努力。<br>
            3. 开门治水人人参与的治水思路。<br>
            4.围绕河长制。<br>
            5.治水需要各部门联合发力，水环境治理除了水务部门的努力，除了公众的参与，还需要环保、城管、农业、各区属地部门的共同努力。<br>
            *原创治水标语条数不限，请简要说明创作原因和背景。
        </div>
        <a class="close"><img src="/src/img/slogan/icon-close.png" alt=""></a>
    </div>
</div>

<div class="box box-sign disNone">
    <div class="close"><img src="/src/img/slogan/icon-close.png" alt=""></div>
    <div class="title"><img src="/src/img/slogan/tit-text.png" alt=""></div>
    <form id="form">
        <div class="item">
            <input type="text" v-model="user.name" placeholder="您的姓名">
        </div>
        <div class="item">
            <input type="tel" v-model="user.mobile" placeholder="联系电话">
        </div>

        <div class="group" v-for="(item,index) in user.details">
            <textarea v-model="item.slogan" placeholder="请填写口号"></textarea>
            <textarea v-model="item.explain" placeholder="简单描述这句口号的创作原因和背景"></textarea>
            <a class="add" v-on:click="addItem()" v-if="index == (user.details.length-1) && user.details.length < 5">+ 再写一条</a>
            <a class="hide" v-if="index > 0" v-on:click="deteleItem(index)">×</a>
        </div>
        <button class="btn" type="button" v-on:click="submit()">提 交</button>
    </form>
</div>

<div class="box box-success disNone">
    <div class="icon"><img src="/src/img/slogan/icon-suces.png" alt=""></div>
    <div class="title">提交成功</div>
    <div class="cont">
        入围结果将在一小群公布<br>
        请关注“<a href="https://mp.weixin.qq.com/s?__biz=MzIyMTkzMzc5Mg==&mid=2247483651&idx=1&sn=b012c44ec80815a9046c104b67cf30f4&chksm=e834788cdf43f19af447aaf6af7aa9fec6f488356bd3a2b80f960a5adb44e7de7e580ef0ed51&mpshare=1&scene=1&srcid=081826MoJsjVMVhSPLqCcows&key=4b95006583a3cb389c91df87070540ef86827cd371c99e3ef18a3b777c30e15a2063b87ed84f91511577eff1cba89dff4cbc2c62449e8c9c4eb35423999d5dc1234b65ca96df2837a563a9a6fe3e1c0b&ascene=0&uin=MTA3MDM1NzA2MQ%3D%3D&devicetype=iMac+MacBookPro13%2C1+OSX+OSX+10.12.5+build(16F73)&version=12020810&nettype=WIFI&fontScale=100&pass_ticket=WplYCOk29nokLNwmoJrSpLJpSik6rq24RT6%2B1Jtg1Imfo9QLPpDqmUgr0MXcwNrI">一小群</a>”公众号，获取最新结果
    </div>
    <div class="link">
        <span>3</span> 秒后自动进入群组- <a>广州治水宣传语大征集</a>
    </div>
</div>

<script src="/src/lib/flexible.js"></script>
<script src="../node_modules/sweetalert/dist/sweetalert-dev.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="/src/js/config.js"></script>
<script src="/src/js/slogan.js"></script>
<link rel="import" href="/src/page/common.html?__inline">
</body>
</html>